<template>
	<view class="__svg" :class="{'action': show}" id="__svg-collect" :style="{width: size + 'px',height: size + 'px'}">
	</view>
	
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			},
			size: {
				type: String,
				default: 'auto'
			},
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>
<script module="svgs" lang="renderjs">
	export default {
		mounted() {
			if (typeof window.svgs === 'function') {
				this.initSvgs()
			} else {
				// 动态引入较大类库避免影响页面展示
				const script = document.createElement('script')
				// view 层的页面运行在 www 根目录，其相对路径相对于 www 计算
				script.src = 'static/svg.js'
				script.onload = this.initsvg.bind(this)
				document.head.appendChild(script)
			}
		},
		methods: {
			initsvg: function(e) {
				var svg = SVG().addTo('#__svg-collect');
				svg.attr({
					viewBox: '0 0 1024 1024',
				});
				var svg_g1 = svg.group().attr({
					class: 'collect_g1'
				})
				var svg_g2 = svg.group().attr({
					class: 'collect_g2'
				})
				svg_g2.path(
					'M200.952832 360.155136c-22.472704 0-40.751104-18.277376-40.751104-40.75008s18.279424-40.751104 40.751104-40.751104c22.470656 0 40.75008 18.279424 40.75008 40.751104 0 22.470656-18.279424 40.75008-40.75008 40.75008z m0-63.389696c-12.48768 0-22.639616 10.15296-22.639616 22.637568 0 12.48768 10.151936 22.64064 22.639616 22.64064 12.486656 0 22.637568-10.15296 22.637568-22.64064 0-12.484608-10.150912-22.637568-22.637568-22.637568z'
				).attr({
					class: 'collect1',
				});
				svg_g2.path(
					'M789.572608 278.653952c-22.473728 0-40.75008-18.277376-40.75008-40.75008 0-22.47168 18.276352-40.751104 40.75008-40.751104 22.474752 0 40.751104 18.279424 40.751104 40.751104s-18.275328 40.75008-40.751104 40.75008z m0-63.389696c-12.484608 0-22.636544 10.15296-22.636544 22.638592 0 12.48768 10.151936 22.638592 22.636544 22.638592 12.48768 0 22.642688-10.151936 22.642688-22.638592 0.001024-12.484608-10.153984-22.638592-22.642688-22.638592z'
				).attr({
					class: 'collect2',
				});
				svg_g2.path(
					'M110.393344 695.2192c-22.47168 0-40.751104-18.280448-40.751104-40.752128s18.280448-40.751104 40.751104-40.751104c22.472704 0 40.75008 18.280448 40.75008 40.751104 0.002048 22.47168-18.277376 40.752128-40.75008 40.752128z m0-63.391744c-12.486656 0-22.639616 10.155008-22.639616 22.639616 0 12.486656 10.15296 22.638592 22.639616 22.638592 12.48768 0 22.64064-10.151936 22.64064-22.638592 0-12.484608-10.153984-22.639616-22.64064-22.639616z'
				).attr({
					class: 'collect3',
				});
				svg_g2.path(
					'M988.801024 505.049088c-17.472512 0-31.695872-14.221312-31.695872-31.696896 0-17.475584 14.22336-31.696896 31.695872-31.696896 17.475584 0 31.694848 14.221312 31.694848 31.696896 0 17.475584-14.221312 31.696896-31.694848 31.696896z m0-45.278208c-7.489536 0-13.581312 6.0928-13.581312 13.58336s6.090752 13.58336 13.581312 13.58336c7.49056 0 13.586432-6.0928 13.586432-13.58336s-6.095872-13.58336-13.586432-13.58336zM327.732224 269.597696c-17.475584 0-31.694848-14.221312-31.694848-31.694848s14.219264-31.695872 31.694848-31.695872c17.47456 0 31.694848 14.220288 31.694848 31.695872 0 17.476608-14.220288 31.694848-31.694848 31.694848z m0-45.27616c-7.489536 0-13.586432 6.0928-13.586432 13.58336 0 7.489536 6.095872 13.584384 13.586432 13.584384 7.489536 0 13.582336-6.093824 13.582336-13.584384s-6.0928-13.58336-13.582336-13.58336z'
				).attr({
					class: 'collect4',
				});
				svg_g2.path(
					'M929.542144 408.105984l4.286464-30.53568-38.875136 7.160832 2.62656-41.669632-39.830528 7.341056 3.34336-53.239808 18.074624 1.132544-1.891328 30.086144 39.830528-7.340032-2.627584 41.669632 40.788992-7.51616-4.62848 32.888832 31.219712-2.73408 1.572864 18.041856z'
				).attr({
					class: 'collect5',
				});
				svg_g2.path(
					'M266.80832 806.725632l-1.608704-30.79168-36.806656 14.44864-5.377024-41.404416-37.699584 14.795776-6.85568-52.883456 17.951744-2.336768 3.885056 29.891584 37.69856-14.7968 5.378048 41.39008 38.592512-15.158272 1.733632 33.164288 30.119936-8.63232 4.988928 17.401856zM869.863424 743.276544l-0.44032-18.113536 30.137344-0.734208-10.780672-39.033856 41.734144-1.01888-11.027456-39.963648 33.14176 1.732608-5.425152-30.852096 17.826816-3.149824 9.39008 53.28384-30.793728-1.6128 10.517504 38.110208-41.735168 1.01376 10.78272 39.035904z'
				).attr({
					class: 'collect6',
				});
				svg_g2.path(
					'M82.465792 548.791296l-48.206848-24.57088 19.820544-23.620608-36.763648-14.529536 24.302592-33.942528-37.664768-14.892032 31.050752-43.369472L49.73568 404.40832l-17.552384 24.515584 37.663744 14.892032-24.303616 33.941504 38.56896 15.236096-21.341184 25.42592 27.918336 14.239744z'
				).attr({
					class: 'collect7',
				});
				svg_g1.path(
					'M692.764672 447.899648a44.181504 44.181504 0 0 0 10.902528-45.09184 44.197888 44.197888 0 0 0-35.38944-29.98784l-77.776896-11.072512a44.161024 44.161024 0 0 1-33.360896-24.052736l-33.224704-66.75968c-0.043008-0.123904-0.07168-0.258048-0.120832-0.379904l-1.665024-3.316736a46.052352 46.052352 0 0 0-3.377152-5.792768c-0.683008-0.920576-1.42848-1.716224-2.096128-2.582528-0.681984-0.857088-1.231872-1.661952-1.911808-2.39616a42.88512 42.88512 0 0 0-9.595904-7.507968 42.805248 42.805248 0 0 0-5.358592-2.644992 44.53376 44.53376 0 0 0-11.442176-3.01568 45.55776 45.55776 0 0 0-11.81696 0 43.43296 43.43296 0 0 0-29.227008 17.349632 45.463552 45.463552 0 0 0-1.900544 2.830336 45.714432 45.714432 0 0 0-2.46784 4.245504l-11.442176 23.380992-23.133184 47.084544a42.4448 42.4448 0 0 1-2.282496 4.04992l-0.980992 1.538048-1.599488 2.096128a44.57472 44.57472 0 0 1-3.999744 4.493312c21.429248 21.870592 53.947392 28.608512 82.289664 17.050624 28.352512-11.557888 46.897152-39.114752 46.92992-69.722112l0.126976-0.123904c-0.01024-7.46496-1.186816-14.865408-3.371008-21.976064 10.149888 32.182272-2.325504 67.510272-31.05792 86.00064-30.200832 19.439616-69.925888 14.867456-94.918656-10.919936a44.208128 44.208128 0 0 1-24.30976 12.309504l-77.710336 11.071488a44.162048 44.162048 0 0 0-35.514368 30.166016 44.182528 44.182528 0 0 0 11.268096 45.217792l56.429568 54.634496a44.19072 44.19072 0 0 1 12.797952 39.07072l-12.985344 77.53728a44.166144 44.166144 0 0 0 17.864704 42.908672 44.173312 44.173312 0 0 0 46.374912 3.178496l69.466112-36.924416a44.212224 44.212224 0 0 1 41.104384 0l69.661696 36.36736a44.179456 44.179456 0 0 0 46.488576-3.519488 44.184576 44.184576 0 0 0 17.437696-43.244544l-13.540352-77.408256a44.1856 44.1856 0 0 1 12.309504-39.133184l56.12544-55.008256z'
				).attr({
					class: 'collect8',
				});
				svg_g1.path(
					'M731.66848 409.042944l-77.778944-11.072512a44.177408 44.177408 0 0 1-33.359872-24.054784l-33.347584-67.01568c13.113344 33.437696 0.823296 71.489536-29.380608 90.919936-30.200832 19.436544-69.922816 14.864384-94.91456-10.921984a44.193792 44.193792 0 0 1-24.310784 12.309504l-77.708288 11.072512a44.156928 44.156928 0 0 0-35.514368 30.164992 44.179456 44.179456 0 0 0 11.267072 45.216768l56.430592 54.636544a44.184576 44.184576 0 0 1 12.795904 39.068672l-12.982272 77.539328a44.163072 44.163072 0 0 0 17.862656 42.909696 44.1856 44.1856 0 0 0 46.37696 3.175424l69.466112-36.922368a44.201984 44.201984 0 0 1 41.105408 0l69.658624 36.364288a44.17024 44.17024 0 0 0 46.4896-3.520512 44.179456 44.179456 0 0 0 17.43872-43.24352l-13.541376-77.406208a44.193792 44.193792 0 0 1 12.311552-39.134208l56.12032-55.007232a44.184576 44.184576 0 0 0 10.906624-45.09184 44.203008 44.203008 0 0 0-35.391488-29.986816zM546.386944 590.44864c-26.177536-0.034816-47.381504-21.269504-47.381504-47.444992 0-6.099968 4.943872-11.034624 11.044864-11.034624 6.10304 0 11.045888 4.932608 11.045888 11.034624 0 13.973504 11.327488 25.293824 25.291776 25.293824 13.968384 0 25.294848-11.32032 25.294848-25.293824 0-3.941376 2.103296-7.58784 5.516288-9.566208a11.085824 11.085824 0 0 1 11.045888 0 11.042816 11.042816 0 0 1 5.528576 9.566208c-0.004096 26.176512-21.209088 47.410176-47.386624 47.444992z'
				).attr({
					class: 'collect9',
				});
				svg_g1.path(
					'M585.519104 303.460352a46.636032 46.636032 0 0 0-3.376128-5.793792c-0.68096-0.917504-1.426432-1.714176-2.100224-2.58048-0.677888-0.857088-1.227776-1.660928-1.908736-2.39616a42.907648 42.907648 0 0 0-9.596928-7.507968 43.19232 43.19232 0 0 0-5.36064-2.646016 44.555264 44.555264 0 0 0-11.441152-3.014656 45.452288 45.452288 0 0 0-11.814912 0 43.423744 43.423744 0 0 0-29.228032 17.350656 46.08 46.08 0 0 0-1.901568 2.830336 44.980224 44.980224 0 0 0-2.465792 4.245504l-11.4432 23.380992-23.134208 47.08352a42.10688 42.10688 0 0 1-2.281472 4.050944l-0.980992 1.538048-1.601536 2.095104a44.683264 44.683264 0 0 1-3.996672 4.493312c21.428224 21.869568 53.943296 28.61056 82.28864 17.0496 28.353536-11.558912 46.8992-39.113728 46.932992-69.721088l0.12288-0.123904a75.240448 75.240448 0 0 0-5.05344-27.01824l-1.65888-3.315712z'
				).attr({
					class: 'collect10',
				});
			},
		}
	}
</script>

<style>

</style>
